<template>
  <section class="flex items-center h-screen w-screen p-16 bg-gray-50 dark:bg-gray-700">
    <div class="w-screen flex flex-col items-center ">
        <div class="flex flex-col gap-6 max-w-md text-center">
            <h2 class="font-extrabold text-9xl text-gray-600 dark:text-gray-100">
                <span class="sr-only">not found</span>404
            </h2>
            <p class="text-2xl md:text-3xl dark:text-gray-300">抱歉，我们找不到这个页面</p>
            <a href="/" class="px-8 py-4 text-xl font-semibold rounded bg-purple-600 text-gray-50 hover:text-gray-200">回到首页</a>
        </div>
    </div>
</section>
</template>

<script setup lang="ts">

</script>

<style scoped>

</style>